<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="are.web.*" %>
<%@ page import="java.util.*" %>

<%
db conexion = new db();


%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Totalizadores</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<link rel="Shortcut Icon" href="icono_tm.ico" type="image/x-icon" />
<script type="text/javascript" language="javascript">
function agregar() {
	$("#info").html("");
	$("#info").show();
	var trafo = $("#trafo").val();
	var nic =  $("#nic").val();
	var medidor = $("#medidor").val();
	var marca = $("#marca").val();
	var nis_rad = $("#nis_rad").val();
	var tipo = $("#tipo").val();
	var latitud = $("#latitud").val();
	var longitud = $("#longitud").val();

	if (trafo == "" || nic == "" || medidor == "" || marca =="" || nis_rad == "" ||  tipo == "" ) {
		alert("falta ingresar informacion");
		return;
	}
	
	
		
		var cmd = document.getElementById("cmd_agregar");
		cmd.disabled = true;
		$("#info").html("<img src=\"images/loading.gif\" >Procesando solicitud");
		$.post(
			"SrvTotalizador",
			{
				operacion: "add",
				transformador: trafo,
				nic: nic,
				medidor:medidor,
				marca: marca,
				nis_rad: nis_rad,
				tipo: tipo,
				latitud: latitud,
				longitud: longitud,
				recurso: "-1"
			},
			procesar
		
		);

}

function procesar(resultado) {
	var cmd = document.getElementById("cmd_agregar");
	cmd.disabled = false;
	if (resultado != 'OK') {
		$("#info").html("<img src=\"warning.jpg\">" + resultado);
	}else {
		$("#info").html("Totalizador agregado correctamente").fadeOut(3000);
		limpiaForm($("#form1"));
		list();
	}
	
}

function list() {
	$("#list").load("SrvTotalizador?operacion=list");
}

function limpiaForm(miForm) {
	// recorremos todos los campos que tiene el formulario
	$(":input", miForm).each(function() {
	var type = this.type;
	var tag = this.tagName.toLowerCase();
	//limpiamos los valores de los campos…
	if (type == "text" || type == "password" || tag == "textarea")
	this.value = "";
	// excepto de los checkboxes y radios, le quitamos el checked
	// pero su valor no debe ser cambiado
	else if (type == "checkbox" || type == "radio")
	this.checked = false;
	// los selects le ponesmos el indice a -
	else if (tag == "select")
	this.selectedIndex = -1;
	});
	}
</script>
</head>
<body onload="list()">
<%@ include file="header.jsp" %>
<div id="main">
<h2>Totalizadores</h2>
<div id="info"></div>
<form action="" method="POST" id="form1" name="form1">
<table>
	<tr>
		<th colspan="4">Informacion Totalizador</th>
	</tr>
	<tr>
		<td>Codigo BDI</td>
		<td><input type="text" id="trafo" name="trafo"> </td>
		<td>NIC</td>
		<td><input type="text" id="nic" name="nic" size="40"> </td>
	</tr>
	<tr>
		<td>Medidor</td>
		<td><input type="text" id="medidor" name="medidor"></td>
		<td>Marca</td>
		<td><input type="text" id="marca" name="marca"></td>
	</tr>
	<tr>
		<td>NIS_RAD</td>
		<td><input type="text" id="nis_rad" name="nis_rad"></td>

		<td>Tipo de registro</td>
		<td>
			<select id="tipo" name="tipo">
				<option value="1">Existente</option>
				<option value="2">Nuevo</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>Latitud</td>
		<td><input type="text" id="latitud" name="latitud"></td>

		<td>Longitud</td>
		<td><input type="text" id="longitud" name="longitud"></td>
	</tr>
	
		<tr>
			<td colspan="4"><input type="button" name="cmd_agregar" id="cmd_agregar" value="Agregar" onclick="javascript:agregar()" class="button" ></td>
		</tr>
</table>

</form>
<div id="list"></div>
</div>

	

</body>
</html>
<%
	conexion.Close();
%>

